export const addLastIntroduce = (editor) =>{
    const lastIntroduce = (editor) => {
        const { Components } = editor;
        Components.addType('lastIntroduce', {
          model: {
            defaults: {
              name: 'lastIntroduce',
              droppable: false,
              attributes: { class: 'official','data-gjs-type':"lastIntroduce" },
              components: [
                {
                    type: 'text',
                    attributes: { class:'official-text' },
                    components:[
                        {
                            type: 'div',
                            attributes: { class:'official-text-div' },
                            components:[
                                {
                                    type: 'div',
                                    attributes: { class:'official_item', },
                                    components:[
                                        {
                                            type: 'image',
                                            attributes: { src:"https://cdn4.codesign.qq.com/prototypes/2023/08/03/xDP3923q32qn08ZwlKp03/apgsmrtqzvfi3x3v/f754607f7d30679d5424a2624d2802b0.png" ,class:'img1' },
                                        },
                                        {
                                            type: 'div',
                                            attributes:{class:'official_item_div'},
                                            components:[
                                                {
                                                    type: 'image',
                                                    attributes: { src:"https://cdn4.codesign.qq.com/prototypes/2023/08/03/xDP3923q32qn08ZwlKp03/apgsmrtqzvfi3x3v/e20ad4e78e6a855dee330f629bf714d5.png" },
                                                },
                                                {
                                                    type: 'text',
                                                    attributes: { class:'official_item_text' },
                                                    content:'咨询更多'
                                                }
                                            ]
                                        }
                                    ]
                                },
                                {
                                    type: 'div',
                                    attributes: { class:'official_item' },
                                    components:[
                                        {
                                            type: 'text',
                                            attributes: { class:'official_item_top' },
                                            content:'产品中心'
                                        },
                                        {
                                            type: 'div',
                                            attributes: { class:'official_item_item' },
                                            content:`<div>teamco</div>
                                                    <div>销售展示</div>
                                                    <div>族库</div>
                                                    <div>报价系统</div>`
                                        }
                                    ]
                                },
                                {
                                    type: 'div',
                                    attributes: { class:'official_item' },
                                    components:[
                                        {
                                            type: 'text',
                                            attributes: { class:'official_item_top' },
                                            content:'咨询案例'
                                        },
                                        {
                                            type: 'div',
                                            attributes: { class:'official_item_item' },
                                            content:`<div>智慧工厂案例</div>
                                                    <div>市政工程案例</div>
                                                    <div>实景建模案例</div>
                                                    <div>智慧水务案例</div>
                                                    <div>建筑行业案例</div>
                                                    <div>三维动画案例</div>`
                                        }
                                    ]
                                },
                                {
                                    type: 'div',
                                    attributes: { class:'official_item' },
                                    components:[
                                        {
                                            type: 'text',
                                            attributes: { class:'official_item_top' },
                                            content:'认证培训'
                                        },
                                        {
                                            type: 'div',
                                            attributes: { class:'official_item_item' },
                                            content:`<div>BIM考证类培训</div>
                                                    <div>专业技能类培训</div>
                                                    <div>定制化培训</div>`
                                        }
                                    ]
                                },
                                {
                                    type: 'div',
                                    attributes: { class:'official_item' },
                                    components:[
                                        {
                                            type: 'text',
                                            attributes: { class:'official_item_top' },
                                            content:'服务支持'
                                        },
                                        {
                                            type: 'div',
                                            attributes: { class:'official_item_item' },
                                            content:`<div>资料下载</div>
                                                    <div>软件下载</div>
                                                    <div>常见问题</div>`
                                        }
                                    ]
                                },
                                {
                                    type: 'div',
                                    attributes: { class:'official_item' },
                                    components:[
                                        {
                                            type: 'text',
                                            attributes: { class:'official_item_top' },
                                            content:'关于君和'
                                        },
                                        {
                                            type: 'div',
                                            attributes: { class:'official_item_item' },
                                            content:`<div>品牌介绍</div>
                                                    <div>发展历程</div>
                                                    <div>业务版图</div>`
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            type: 'div',
                            attributes: { class:'official_other_div' },
                        },
                        {
                            type: 'div',
                            attributes: { class:'official_other_text' },
                            content:`
                            <p>服务热线</p>
                <div style="display: flex;justify-content: space-between;">
                    <div>
                        <div style="font-size: 30px;font-weight: 400;">18122393143</div>
                        <div style="display: inline;">周一至周日  9:00-24:00</div>
                    </div>
                    <div>
                        <button style="width: 100px;height: 40px;border-radius: 50px;
                        background-color: rgba(12, 123, 244, 1);color: white;border: none;">在线客服</button>
                    </div>
                </div>
                <div class="official_right_item" style="margin-top: 10%;font-size: medium;display: flex;flex-direction: column;">
                    邮箱
                    <span>junhecs@i3vsoft.com</span>
                </div>
                <div class="official_right_item" style="margin-top: 10%;font-size: medium;display: flex;flex-direction: column;">
                    总部地址
                    <span>广州市越秀区东风中路515号东照大厦1806-1807</span>
                </div>
                <div class="official_right_bottom" style="margin-top: 10%;width: 50%;display: flex;justify-content: space-around;align-items: center;">
                    <div><img src="https://cdn4.codesign.qq.com/prototypes/2023/08/03/xDP3923q32qn08ZwlKp03/apgsmrtqzvfi3x3v/b9b2fbb8db6c4b10b85b7ee8ee763d42.svg"/></div>
                    <div><img src="https://cdn4.codesign.qq.com/prototypes/2023/08/03/xDP3923q32qn08ZwlKp03/apgsmrtqzvfi3x3v/e86c527eaa353acdb955bbb299b4e086.svg"/></div>
                    <div><img src="https://cdn4.codesign.qq.com/prototypes/2023/08/03/xDP3923q32qn08ZwlKp03/apgsmrtqzvfi3x3v/d964f9e1e3424bcc4f956c8d2f11b5ee.svg"/></div>
                </div> `
                        }
                    ]
                },
                {
                    type: 'div',
                    attributes: { class:'official_another_div' },
                    components:[
                        {
                            type: 'div',
                            attributes: { class:'official_another_div_div' },
                            content:'©广州君和信息技术有限公司版权所有'
                        },
                        {
                            type: 'div',
                            content:'备案号：粤ICP备14012727号'
                        }
                    ]
                },
              ],
              script() {
              },
              styles: `
              .img1{width: 100%;height: fit-content;margin-bottom: 80%;}
              .official_other_div{margin-top: 5%;height: 65%;border: 1px solid white;}
              .official_other_text{width: 30%;margin: 5% 5% 1% 0;padding-left: 3%;font-size: large;color: white;}
              .official-text{display: flex;height: 560px;}
              .official-text-div{display: flex;justify-content: space-between;width: 70%;margin: 5% 0 1% 5%;}
              .official_another_div{font-size: small;color: white;width: 100%;display: flex;justify-content: center;}
              .official_another_div_div{margin-right: 40px;}
            .official{
            height: 600px;
            width: 100%;
            background-color: black;
            display: flex;
            position: absolute;
            flex-direction: column;
        }
        .official_item{
            height: 100%;
            width: 12%;
            display: flex;
            flex-direction: column;
            color: white;
        }
            .official_item_div{display: flex;flex-direction: column;text-align: center;width: 80%;height: fit-content;margin-left: 20%;}
            .official_item_text{font-weight: inherit;font-size: inherit;margin-top: 20px;}

        .official_item span{
            font-size: 25px;
            font-weight: 500;
        }
        .official_item_item{
            height: 100%;
            font-size: medium;
            display: flex;
            flex-direction: column;
        }
        .official_item_top{margin-bottom: 40px;}
        .official_item_item div{
            font-weight: normal;
            margin-bottom: 15px;
        }
        .official_right_item{
            margin-top: 10%;
            font-size: medium;
            display: flex;
            flex-direction: column;
        }
        .official_right_bottom{
            margin-top: 10%;
            width: 50%;
            display: flex;
            justify-content: space-around;
            align-items: center;
        
        }
        .official_right_bottom div{
            background-color: white;
        }
          `,
            },
          },
        });
      };
      lastIntroduce(editor);
      editor.BlockManager.add("lastIntroduce", {
        label: "官网页尾介绍",
        category: "首页组件",
        media:`<svg t="1720768747202" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26036" width="30" height="30"><path d="M804.288 960c-17.088 0-34.176-4.288-49.088-14.912l-202.688-121.6a71.424 71.424 0 0 0-76.8 0l-204.8 121.6c-29.824 17.024-66.112 19.2-96 2.112a96.896 96.896 0 0 1-49.024-83.2V202.688C125.888 125.888 187.712 64 262.4 64h497.088c76.8 0 138.624 61.888 138.624 138.688V864c0 53.312-42.624 96-93.824 96zM512 748.8c25.6 0 49.088 6.4 70.4 19.2l202.688 121.6a34.112 34.112 0 0 0 44.8-10.688 40.192 40.192 0 0 0 4.224-17.024V200.512c0-40.512-32-74.624-74.624-74.624H262.4c-40.512 0-74.688 34.112-74.688 74.624v661.376c0 10.624 6.4 21.312 17.088 27.712 10.688 6.4 21.312 6.4 32 0L439.488 768c23.424-10.688 46.912-19.2 72.512-19.2z m170.688-418.112H341.312a32.832 32.832 0 0 1-32-32c0-17.088 14.976-32 32-32h341.376c17.024 0 32 14.912 32 32 0 17.024-14.976 32-32 32z" p-id="26037"></path></svg>`,
        select: true,
        content: { type: "lastIntroduce" },
      });
}